<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link href="/css/init.css" rel="stylesheet" type="text/css">
    <link href="/css/shopping.css" rel="stylesheet" type="text/css">
    <link href="/css/Navigation_bar.css" rel="stylesheet" type="text/css">
</head>
<body>
<div th:insert="~{Navigation_bar :: top_nav}"></div>
<div class="first">

    <div class="quanbushangpin">
        <div class="quanbu ban_select">
            <div class="txt1">全部商品</div>
            <div class="txt2"></div>
        </div>

        <div class="jiesuan">
            <a class="txt4 ban_select">结算</a>
        </div>
        <div class="sum">
            0.00
        </div>
        <div class="sum_txt">
            已选商品（不含运费）：
        </div>
    </div>
    <div class="title">
        <div class="quanxuan ban_select">
            <div class="cart-checkbox">
                <input class="qxbox" value="false" type="checkbox">
                <label class="no_check" check="1"></label>
            </div>
            全选
        </div>
        <div class="shangpinxinxi">
            <div class="shangpinxinxi_inner">
                商品信息
            </div>
        </div>
        <div class="danjia">单价</div>
        <div class="shuliang">数量</div>
        <div class="jine">金额</div>
        <div class="caozuo">操作</div>
    </div>

    <!--/*/ <th:block th:each="car : ${carList}"> /*/-->
    <div class="first_conent">
        <div class="first_one">
            <div class="cart-checkbox">
                <input th:id="${car.carid}" class="qxbox" value="false" type="checkbox">
                <label class="no_check" th:for="${car.carid}" check="1"></label>
            </div>
        </div>
        <div class="first_two">
            <a class="first_two_a">
                <img th:src="${car.commodity.images}" src="/img/Shoppingcart2.jpg" class="first_two_img">
            </a>
        </div>
        <div class="first_three">
            <div class="shezhi_a">
                <a href="javascript:;" th:href="@{/commodity/commodity_info/{id} (id = ${car.commodity.cid})}" class="first_three_a"  th:title="${car.commodity.title}"  title="">
                    [[${car.commodity.title}]]</a>
            </div>
            <div class="first_three_image">
                <span class="first_three_img1"><img src="/img/baozheng1.png"></span>
                <a href="javascript:;" class="first_three_img2"><img src="/img/baozheng2.png"></a>
                <a href="javascript:;" class="first_three_img3"><img src="/img/baozheng3.png"></a>
            </div>
        </div>
        <div class="first_four">
            <p class="first_four_p1">套餐类型：官方标配</p>
            <p class="first_four_p2">颜色分类：麦芒5★石墨黑</p>
        </div>
        <div class="first_five">
            <p class="first_five_p2">￥<span>[[${car.commodity.price}]]</span></p>
        </div>
        <div class="first_six">
            <div class="first_six_div1">
                <a class="first_six_a1 ban_select">-</a>
                <input class="first_six_input" th:value="${car.count}" value="1" disabled data-max="5" data-now="1" autocomplete="off"
                       type="text">
                <a class="first_six_a2 ban_select">+</a>
            </div>


        </div>
        <div class="first_seven">￥<span>[[${car.subtotal}]]</span></div>
        <a href="javascript:;" class="first_eight" th:attr="cid = ${car.carid}">移出购物车</a>
    </div>
    <!--/*/ </th:block> /*/-->
    <!--最后的浮动编辑栏-->
    <div class="float_hezi">
        <div class="float_hezi2">
            <div class="float_bar">
                <div class="float_quanxuan ban_select">
                    <div class="cart-checkbox">
                        <input class="qxbox" value="false" type="checkbox">
                        <label class="no_check" check="1"></label>
                    </div>
                    全选
                </div>
                <a class="float_jiesuan ban_select">结算</a>
                <div class="sum2">0.00</div>
                <div class="float_heji">合计（不含运费）</div>
                <div class="float_yixuan">
                    <span class="float_txt ban_select">已选商品</span>
                    <em class="float_count ban_select">0</em>
                    <span class="float_txt ban_select">件</span>
                </div>
            </div>
        </div>
    </div>
    <div class="footer"></div>
</div>
<script src="/js/jquery-1.12.4.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="/js/myCar.js"></script>
</body>
</html>